<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>
            register
        </title>
        <script src="js/jquery-2.2.3.min.js" type="text/javascript"></script>
        <script src="js/jquery-ui.min.js" type="text/javascript"></script>
        <link type="text/css" href="css/jquery-ui.min.css" rel="stylesheet">
        <link type="text/css" href="css/register.css" rel="stylesheet">
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
    </head>
    <body>
        <img src="img/login_bg.jpg" class="bg">
        <div id="head">
            <img src="img/register_head.png" width="100%" height="auto">
        </div>
        <div id="center">
            <form name="myform" action="http://localhost:8080/user/register" method="post" id="myform">
                <div class="input-group">
                    <h3>
                        用&nbsp;&nbsp;户&nbsp;&nbsp;名：
                    </h3>
					<input class="form-control" id="username" name="username" type="text" style="height:40px" value="" placeholder="只能输入字母或数字，4-16个字符" autocomplete="off">
                </div>
                <div class="input-group">
                    <h3>
                        密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：
                    </h3>
					<input class="form-control" id="userPassword" name="userPassword" type="password" style="height:40px" value="" autocomplete="off">
                </div>
                <div class="input-group">
                    <h3>
                        再次输入密码：
                    </h3>
                    &nbsp;
                    <input class="form-control" id="requestPassword" name="repeatPassword" type="password" style="height:40px"
                           value=""
                           autocomplete="off">
                </div>
                <div class="input-group">
                    <h3>
                        用户爱好：
                    </h3>
					<input class="form-control" id="hobby" name="hobby" type="text" style="height:40px" value="" autocomplete="off">
                </div>
                <div class="input-group">
                    <h3>
                        用户邮箱：
                    </h3>
					<input class="form-control" id="emailAddress" name="emailAddress" type="email" style="height:40px" value="" placeholder="请输入邮箱" autocomplete="off">
                </div>
                <div id="btn">
                    <input class="btn btn-primary" type="submit" id="register" value="注册">
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
					<a href="/login"><input class="btn btn-primary" name="loginButton" id="login" type="button" value="登录"></a>
                </div>
            </form>
        </div>
        <div id="bottom">
            <div class="footer" style="color:white;">
                Copyright © 2013-2019 All Rights Reserved. 备案号：
            </div>
        </div>
    </body>
</html>